<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body>
		<main>
			<!-- 视频播放区 -->
			<div class="videobox">
				<video src="#" id="video" muted></video>
				<h1><span id="part">1 </span>/ <span id="totalPart">4</span></h1>
				<p id="title">男子仰卧起坐</p>
			</div>
		</main>
		<!-- 按钮 -->
		<div class="progress-btn">
			<i class="iconfont icon-retreat"></i>
			<i class="iconfont icon-pause2"></i>
			<i class="iconfont icon-advance"></i>
		</div>
		<!-- 进度条 -->
		<div class="progress-width"></div>
		<!-- 蒙层 -->
		<div id="mask"></div>
		<!-- 蒙层上的按钮 -->
		<div id="maskBtn">
			<p class="continue-btn">
				<i class="iconfont icon-continue"></i> <span>继续训练 </span>
			</p>
			<p class="pause-btn">
				<i class="iconfont icon-finish"></i><span>结束训练 </span>
			</p>
		</div>
		<!-- slogn -->
		<p class="slogn">坚持就是胜利，奥利给!!!</p>
	</body>
</html>
